<template>
	<view class="bhome">
		<view class="bigbox" style="overflow:auto;">
			<block v-for="(item,index) in res.data.data">
				<view class="item">
					<navigator :url="'./tongzhi_detail?id='+item.id">
						<view class="info">
							<view class="activity_title">{{item.name}}</view>
							<view class="activity_resp">
								<view class="title">负责单位</view>{{item.grade}}
							</view>
							<view class="activity_deadline">
								<view class="title">通知截至</view>{{item.endTime}}
							</view>
						</view>
					</navigator>
						
					
				</view>
			</block>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				res:{},
				tables: [
					{name:'运动会项目报名测试测试测试',fuze:'校学生会',time:'2022.4.12'},
					{name:'运动会项目报名',fuze:'校学生会',time:'2022.4.12'},
					{name:'互联网+比赛',fuze:'学生创协',time:'2022.4.12'},
					{name:'运动会项目报名',fuze:'校学生会',time:'2022.4.12'},
					{name:'互联网+比赛',fuze:'学生创协',time:'2022.4.12'},
					{name:'运动会项目报名',fuze:'校学生会',time:'2022.4.12'},
					{name:'互联网+比赛',fuze:'学生创协',time:'2022.4.12'},
					{name:'运动会项目报名',fuze:'校学生会',time:'2022.4.12'},
					{name:'互联网+比赛',fuze:'学生创协',time:'2022.4.12'},
					{name:'运动会项目报名',fuze:'校学生会',time:'2022.4.12'},
					{name:'互联网+比赛',fuze:'学生创协',time:'2022.4.12'},
					{name:'运动会项目报名',fuze:'校学生会',time:'2022.4.12'},
					{name:'互联网+比赛',fuze:'学生创协',time:'2022.4.12'},
					{name:'运动会项目报名',fuze:'校学生会',time:'2022.4.12'},
					{name:'互联网+比赛',fuze:'学生创协',time:'2022.4.12'},
					{name:'运动会项目报名',fuze:'校学生会',time:'2022.4.12'},
					{name:'互联网+比赛',fuze:'学生创协',time:'2022.4.12'},
					{name:'运动会项目报名',fuze:'校学生会',time:'2022.4.12'},
				],
			}
		},
		onShow() {
			uni.request({
				url:'http://106.52.97.99:8085/active/noticeList',
				method:'POST',
				success: (res) => {
					this.res=res,
					console.log(this.res)
				}
			})
		},
		methods: {
			
		}
	}
</script>

<style>
.bigbox{
	position: fixed;
	width: 100%;
	height: 95%;
}
.bigbox .item{
	display: flex;
	border-bottom: 2rpx #eee solid;
	
}
.bigbox .item navigator{
	width: 100%;
	padding: 25rpx 0;
	padding-left: 30rpx;
}
.bigbox .item:last-child{
	margin-bottom: 100rpx;
}
.bigbox .item .info{
	flex: 1;
}
.bigbox .item .activity_title{
	font-size: 36rpx;
	color: #212121;
	padding-bottom: 20rpx;
	font-weight: 600;
}
.bigbox .item .activity_deadline,
.bigbox .item .activity_resp
{
	color: #424242;
	font-size: 30rpx;
	margin-bottom: 10rpx;
}
.bigbox .item .activity_deadline .title,
.bigbox .item .activity_resp .title{
	display: inline-block;
	color: #616161;
	margin-right: 30rpx;
}


</style>
